<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>雷达图</title>
<script src="jquery.min.js"></script>
</head>
<body>
    
    
<div id="main" style="width:180px;height:160px;margin:30px auto"></div>
 
 
<script src="echarts-all.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var option = { //可以去官网上根据每个案例不同的option去写各种图形
	tooltip: {   //提示框，鼠标悬浮交互时的信息提示
		show:true,
		trigger: 'axis'
	},
	legend: {    //图例，每个图表最多仅有一个图例
		x: 'center',
		data: ['']
	},
	polar: [{    //极坐标 
		indicator: [{text: '游戏',max: 100}, 
					{text: '小品',max: 100},
					{text: '相声',max: 100},
					{text: '工业',max: 100},
					{text: '音乐',max: 100},
					{text: '体育',max: 100}
				   ],
		radius: 60,        //改变雷达的大小   
		startAngle: 120   // 改变雷达图的旋转度数
	}],
	 
	series: [{         // 驱动图表生成的数据内容数组，数组中每一项为一个系列的选项及数据
		name: '',
		type: 'radar',
		itemStyle: {
			normal: {
				areaStyle: {
					type: 'default'
				}
			}
		},
		data: [{
			value: [],      //外部加载，也可以通过ajax去加载外部数据。
			name: ''       
		}, {
			value: [50,42,58,65,76,47],  //配置雷达的值
			name: ''
		}]
	}]
};
$(function() {
	//option.series[0].data[0].value=[12,32,34,53,53,65];  // 加载数据到data中
	option.series[0].data[0].name =' ';
	var myChart = echarts.init(document.getElementById('main'));  
	myChart.setOption(option, true);   //为echarts对象加载数据
});
</script>
</body>